<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    .container {
      height: 500px;
      width: 500px;
      border: 1px solid black;
      border-radius: 50%;
      position: relative;
      margin-top: 50px;
      margin-left: 50px;
      animation: ani linear infinite 20s;
      --intt: 0deg;
    }
    .item {
      width: 100px;
      height: 100px;
      overflow: hidden;
      border-radius: 50%;
      position: absolute;
      left: 200px;
      top: -50px;
      transform-origin: center 300px;
    }

    .item:nth-child(5) img {
      transform: rotate(0deg);
      --intt: 0deg;
      animation: ani linear infinite 20s reverse;
    }

    .item:nth-child(1) {
      transform: rotate(72deg);
    }

    .item:nth-child(1) img {
      transform: rotate(-72deg);
      --intt: 72deg;
      animation: ani linear infinite 20s reverse;
    }

    .item:nth-child(2) {
      transform: rotate(144deg);
    }
    .item:nth-child(2) img {
      transform: rotate(-144deg);
      --intt: 144deg;
      animation: ani linear infinite 20s reverse;
    }
    .item:nth-child(3) {
      transform: rotate(216deg);
    }

    .item:nth-child(3) img {
      transform: rotate(-216deg);
      --intt: 216deg;
      animation: ani linear infinite 20s reverse;
    }
    .item:nth-child(4) {
      transform: rotate(288deg);
    }
    .item:nth-child(4) img {
      transform: rotate(-288deg);
      --intt: 288deg;
      animation: ani linear infinite 20s reverse;
    }

    .item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    @keyframes ani {
      to {
        transform: rotate(calc(360deg - var(--intt)));
      }
    }
  </style>
</head>
<body>

<div class="container">
  <div class="item">
    <img src="http://img0.baidu.com/it/u=304516049,2635161628&fm=253&app=138&f=JPEG?w=800&h=800" />
  </div>
  <div class="item">
    <img src="https://ww1.sinaimg.cn/mw690/c05346d3ly1hq6cn23up5j20ty0u0dq6.jpg" />
  </div>
  <div class="item">
    <img src="https://p8.itc.cn/q_70/images03/20230320/140394345b194a5ba74f2cd3d35526d3.jpeg" />
  </div>
  <div class="item">
    <img src="https://img0.baidu.com/it/u=1608812789,2246485697&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800" />
  </div>
  <div class="item">
    <img src="http://img0.baidu.com/it/u=2684022935,1557278873&fm=253&app=138&f=JPEG?w=800&h=800" />
  </div>
</div>
</body>
</html>